$('.type2').hide();
$('#type label').click(function(){
    if($(this).find('input').val()=='2')  {
        $('.type2').show();
    } else {
        $('.type2').hide();
    }
});
$('.btnAddPP').click(function(){
    // $('.ppio').hide();
    $('.tabpp').show();
    addPP();
});
$('.tabpp').on('click', '.pplist .sel .selon',function () {
    $(this).parent().find('ul').show();
});
$('.tabpp').on('click', '.pplist .sel ul li',function () {
    $(this).parent().hide();
});
$('.tabpp').on('click', '.btnAddPPV',function () {
    $(this).parent().find('.ppwios').show();
    $(this).hide()
});
$('.tabpp').on('click', '.btnPPVCls',function () {
    $(this).parent().hide();
    $(this).parent().parent().find('.btnAddPPV').show();
});
$('.tabpp').on('click', '.btnPPVAdd',function () {
    var parent = $(this).parents('li');
    var val = parent.find('.ppwios input').val();
    if(val=='') return;
    parent.find('.ppwios input').val('');
    $.get('/admin/shop/ppvadd',{id:parent.find('.selon')[0].id,val:val},function (rs) {
        if(rs && rs.code){
            var ishas = false;
            parent.find('.ppvwin li').each(function () {
                if(rs.data.id==this.id) {
                    $(this).find('input')[0].checked = true;
                    ishas = true;
                }
            });
            if(!ishas) {
                parent.find('.ppvwin ul').append('<li id="'+rs.data.id+'"><label><input type="checkbox" checked="checked">'+val+'</label></li>');
            }
        }
    },'json');
});
$('.tabpp').on('click', '.btnPPVWNo',function () {
    $(this).parent().parent().hide();
});
$('.tabpp').on('click', '.addPPV',function () {
    $(this).parents('li').find('.ppvwin').show();
});
$('.tabpp').on('click', '.head .btncls',function () {
    if($('.pplist>li').length<2) {
        // $('.ppio').show();
        $('.tabpp').hide();
        $('.tabpps').hide();
        $('input[name=ispps]').val('');
    }
    $(this).parent().parent().remove();
});
$('.tabpp').on('click', '.ppvwin li i',function(){
    $(this).parent().remove();
    $.get('/admin/shop/ppvdel',{id:$(this).parent()[0].id});
});
$('.tabpp').on('click','.ppvwin .btnPPVWOk',function(){
    var p = $(this).parents('li');

    p.find('.ppvwin ul li').each(function(){
        var io = $(this).find('input');
        if(io.is(':checked')) {
            var val = io.parent().text();
            var ishas = false;
            p.find('.ppvval .ppvsel').each(function(){
                if($(this).find('span').text()==val) ishas = true;
            });
            if(!ishas) p.find('.ppvval .addPPV').before('<a class="ppvsel"><span>'+val+'</span><i class="btncls">x</i></a>');
        }
    });
    p.find('.ppvwin .btnPPVWNo').click();
    setPPs();
});
$('.btnPP').click(function(){
    if($('.pplist>li').length>2) {
        main.waringAlert('最多添加3个商品型号');
        return;
    }
    addPP();
});
$('.tabpp').on('click','.btnZdy',function () {
    $(this).parents('li').find('.winPPK').show();
});
$('.tabpp').on('click','.ppkbtns .btn-default,.ppktit i',function () {
    $(this).parent().parent().hide();
});
$('.tabpp').on('click','.ppvadd .ppvsel i',function () {
    $(this).parent().remove();
});
$('.tabpp').on('click','.ppkbtns .btn-danger',function () {
    var p = $(this).parents('li');
    var val = p.find('.ppkcont input').val();
    if(val=='') return;
    $.get('/admin/shop/ppkadd',{val:val},function (rs) {
        if(rs && rs.code) {
            // p.find('.selon').attr('id', rs.id).html(val);
            p.find('.ppkcont input').val('');
            p.find('.head .sel .btnZdy').before('<li id="'+rs.data.id+'"><span>'+val+'</span><i class="btncls2" style="display: none;">x</i></li>');
            p.find('.head .sel ul li[id='+rs.data.id+']').click();
        }
    },'json');
    p.find('.ppkbtns .btn-default').click();
});
$('.tabpp').on('mouseenter', '.ppvadd .ppvsel', function() {
    $(this).find('i').show();
});
$('.tabpp').on('mouseleave', '.ppvadd .ppvsel', function() {
    $(this).find('i').hide();
});
$('.tabpp').on('mouseenter', '.head .sel li', function() {
    $(this).find('i').show();
});
$('.tabpp').on('mouseleave', '.head .sel li', function() {
    $(this).find('i').hide();
});
$('.tabpp').on('click','.head .sel li',function () {
    var id = this.id;
    if(!id) return;
    var ishas = false;
    $(this).parents('.tabpp').find('.selon').each(function () {
        if(this.id==id) ishas = true;
    });
    if(ishas) return;
    var parent = $(this).parents('li');
    var txtn = $(this).find('span').text();
    $.get('/admin/shop/ppv',{id:id},function (rs) {
        if(!rs.code) {
            alert('无效类型');
            return;
        }

        parent.find('.selon').attr('id',id).html(txtn);

        var htmlppv = '';
        $.each(rs.data, function(i,o){
            htmlppv += '<li id="'+o.id+'"><label><input class="ppvio" type="checkbox">'+o.ppv+'</label><i class="btncls">x</i></li>';
        });
        parent.find('.ppvval').html('<a class="addPPV">+添加型号</a>');
        parent.find('.ppvwin ul').html(htmlppv);
    },'json');
});
$('.tabpp').on('click','.head .sel li i',function (e) {
    e.stopPropagation();
    var p = $(this).parent();
    $.post('/admin/shop/ppkdel',{id:p[0].id},function (rs) {
        if(rs.code) {
            alert(rs.msg);
            return;
        }
        p.remove();
    },'json');
});
function addPP() {
    $.get("/admin/shop/ppk",null,function(rs){
        var htmlppk = '';
        if(rs.code) {
            $.each(rs.data,function(i,o){
                htmlppk += '<li id="'+o.id+'"><span>'+o.ppk+'</span><i class="btncls2">x</i></li>';
            });
        }
    var html = '<li>' +
        '    <div class="head">' +
        '        <div class="sel">' +
        '            <div class="selon">请选择型号分类</div>' +
        '            <ul>' + htmlppk +
        '                <li class="btnZdy">自定义</li>' +
        '            </ul>' +
        '        </div>' +
        '        <i class="btncls">x</i>' +
        '    </div>' +
        '    <div class="body">' +
        '        <div class="ppvadd">' +
        '            <div class="ppvval"></div>' +
        '            <div class="ppvwin">' +
        '                <ul>' +
        '                </ul>' +
        '                <div class="ppwio">' +
        '                    <div class="ppwios">' +
        '                        <input type="text">' +
        '                        <a class="btn btn-default btnPPVAdd">添加</a>' +
        '                        <a class="btn btn-default btnPPVCls">取消</a>' +
        '                    </div>' +
        '                    <a class="btn btn-default btnAddPPV">添加型号</a>' +
        '                </div>' +
        '                <div class="btns">' +
        '                    <span class="btn btn-default btnPPVWNo">取消</span>' +
        '                    <span class="btn btn-danger btnPPVWOk">确定</span>' +
        '                </div>' +
        '            </div>' +
        '        </div>' +
        '    </div>' +
        '    <div class="winPPK">' +
        '        <div class="ppktit">自定义型号分类<i class="btncls">x</i></div>' +
        '        <div class="ppkcont">' +
        '            请输入型号分类名称：' +
        '            <input type="text">' +
        '        </div>' +
        '        <div class="ppkbtns">' +
        '            <a class="btn btn-default">取消</a>' +
        '            <a class="btn btn-danger">确定</a>' +
        '        </div>' +
        '    </div>' +
        '</li>';
        $('.tabpp .pplist').append(html);
    }, 'json');
}
function setPPs() {
    var data = [];
    var table = [];
    $('.tabpp .pplist>li').each(function () {
        var k= $(this).find('.selon').text();
        if(k && k!='请选择型号分类') {
            var vs = [];
            $(this).find('.ppvsel').each(function () {
                var v = $(this).find('span').text();
                if(v) {
                    vs.push(v);
                }
            });
            if(vs.length>0){
                data.push(k+'|_|'+vs.join('|_|'));
                if(table.length==0) {
                    table = vs;
                } else {
                    var table2 = [];
                    $.each(vs,function (i,o) {
                        $.each(table, function(i2,o2){
                            table2.push(o2+'|_|'+o);
                        })
                    });
                    table = table2;
                }
            }
        }
    });
    $('input[name=ispps]').val('1');
    $('input[name=ppsks]').val(data.join('|||'));
    getPPs(table,[]);
    // console.log(data)
}

function getPPs(table,data) {
    var html='';

    for(var i in table) {
        html+='<tr>' +
            '    <td>'+table[i].replace(/\|\_\|/g,"，")+'</td>' +
            // '    <td><input type="text" name="pps['+table[i]+'][price]" value="'+(data.length>0?data[i].price:'')+'"></td>' +
            // '    <td><input type="text" name="pps['+table[i]+'][point]" value="'+(data.length>0?data[i].point:'')+'"></td>' +
            '    <td><input type="text" name="pps['+table[i]+'][stock]" value="'+(data.length>0?data[i].stock:'')+'"></td>' +
            '</tr>';
    }
    $('.tabpps table tbody').html(html);
    if(html==''){
        $('.tabpps').hide();
    } else {
        $('.tabpps').show();
    }
}

$('.tabpps tfoot input').change(function () {
    var idx = $(this).parent().index();
    var val = $(this).val();
    $(this).parents('.tabpps').find('tbody tr').each(function () {
        $(this).find('td').eq(idx).find('input').val(val);
    });
});
